.container{
	width: 100%;
	min-height: 100vh;
	background-color: #f0f0f0;
}
.top{
	position: fixed;
	width: 750upx;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	padding: 0 20upx;
	height: 100upx;
	line-height: 100upx;
	left: 0;
	top:0;
	z-index: 999;
	box-sizing: border-box;
	background-color: #f0f0f0;
}
.share-h5-box{
	position: fixed;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.7);
	left: 0;
	top: 0;
	z-index: 99999999999999999;
}
.share-h5-img{
	width: 100%;
}
.em-box{
	width: 750upx;
	height: 100upx;
}
.store-info{
	display: flex;
	flex-direction: row;
	font-size: 14px;
	color: #B3A07A;
	position: relative;
}
.store-name{
	margin-right: 20upx;
}
.other-store{
	font-size: 14px;
	color: #B3A07A;
	text-align: center;
}
.way-text{
	position: relative;
	left: -12upx;
}
.other-store .way-icon{
	width: 44upx;
	height: 40upx;
}
.swiper{
	position: relative;
}
.swiper, .swiper-item, .swiper-img{
	width: 750upx;
	height: 750upx;
	background-color: #FFFFFF;
	
}
.banner{
	width: 750upx;
	height: 750upx;
	position: relative;
}
.banner-video{
		width: 100%;
		 height: 650upx;
		 position: relative;
	}
.has_video{
	position: absolute;
	width: 64upx;
	height: 64upx;
	left: 50%;
	margin-left: -32upx;
	bottom: 50upx;
}
.close_video{
	position: relative;
	width: 100%;
	height: 100upx;
	color: #FFFFFF;
	background-color: #000000;
	font-weight: bolder;
	font-size: 30px;
	z-index: 999999;
}
.item-info{
	background-color: #ffffff;
	/* border-top-left-radius: 60upx; */
	/* border-top-right-radius: 60upx; */
	display: flex;
	flex-direction: column;
	color: #333333;
	padding: 20upx 40upx;
}
.item-info .top-ico{
	width: 80upx;
	margin: 0 auto;
}
.part1{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	color: #999999;
	font-size: 13px;
}
.part1 .sale-info{
	display: flex;
	flex-direction: column;
}
.part1 .follow-share{
	display: flex;
	flex-direction: row;
}
.follow-share .follow{
	width: 50upx;
	/* margin-right: 30upx; */
}
.follow-share .follow .text{
	width: 50upx;
	position: relative;
	text-align: center;
}
.follow-share .share{
	width: 50upx;
}
.part1 .price-before{
	text-decoration: line-through;
}
.part1 .price-now{
	color: #859dc2;
	font-size: 20px;
}
.part1 .sold{
	font-size: 11px;
}
.part2{
	margin-top: 30upx;
}
.part2 .info{
	font-size: 12px;
	color: #999999;
	margin-top: 20upx;
}
.part3{
	display: flex;
	flex-direction: column;
	font-size: 13px;
	margin-top: 40upx;
}
.part3 .item{
	display: flex;
	flex-direction: row;
	padding: 20upx 0;
	border-top: 1px solid lightgray;
}
.part3 .show-more{
	width: 15upx;
}
.part3 .title{
	width: 200upx;
}
.part3 .info{
	color: #999999;
}
.part4{
	display: flex;
	flex-direction: row;
	padding: 30upx 0;
}
.part4 .right{
	display: flex;
	flex-direction: column;
	padding: 0 0 0 20upx;
}
.part4 .img{
	width: 120upx;
	height: 120upx;
}
.part4 .right .item1{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	font-size: 15px;
}
.part4 .right .item2{
	width: 420upx;
	font-size: 13px;
	color: #999999;
}
.part4 .right .item3{
	font-size: 13px;
	color: #333333;
	text-decoration: underline;
}
.part4 .right .go-in{
	height: 40upx;
	line-height: 40upx;
	font-size: 13px;
	background-color: #FFFFFF;
	color: #859dc2;
	border: 1px solid #859dc2;
	padding: 0 20upx;
	border-radius: 20upx;
	position: relative;
	left: 115upx;
}
.content-tap{
	background-color: #ffffff;
	color: #999999;
	display: flex;
	flex-direction: row;
	justify-content: center;
	padding: 30upx;
	margin-bottom: 10upx;
}
.content-tap .item{
	margin-left: 50upx;
	margin-right: 50upx;
	border-bottom: 2px solid #ffffff;
}
.content-tap .active{
	border-bottom: 2px solid #333333;
	color: #333333;
}
.content .img{
	width: 100%;
}
.type{
	padding: 30upx 40upx;
	background-color: #ffffff;
	font-size: 13px;
}
.type .item{
	display: flex;
	flex-direction: row;
	padding-bottom: 10upx;
	border-bottom: 1px solid lightgray;
	margin-bottom: 20upx;
}
.type .item .title{
	width: 200upx;
	color: #333333;
	text-align: left;
}
.type .item .info{
	width: 480upx;
	color: #999999;
	text-align: left;
}
.over-btn{
	width: 80%;
	height: 70upx;
	line-height: 70upx;
	color: #859dc2;
	border: 1px solid #859dc2;
	border-radius: 35upx;
	margin-left: 10%;
	margin-bottom: 40upx;
}
.menu{
	width: 100%;
	display: flex;
	flex-direction: row;
	border-top: 1px solid #e5e5e5;
	position: fixed;
	left: 0;
	bottom: 0;
	background-color: #ffffff;
	justify-content: space-between;
	box-sizing: border-box;
}
.menu .ico-box{
	display: flex;
	flex-direction: row;
}
.menu .shop-cart,.menu .shop-ico,.menu .service{
	width: 39upx;
	height: 60upx;
	margin-right: 40upx;
	position: relative;
}
.menu .shop-ico{
	top: 3upx;
}
.row-box{
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	font-size: 12px;
	margin-left: 40upx;
}
.row-box1{
	/* margin-right: 20upx; */
}
.kefu-btn{
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 99999;
	opacity: 0;
}
.zhuye{
	width: 52upx;
	height: 57upx;
}
.kefu2{
	width: 71upx;
	height: 56upx;
}
.menu .service{
	top: 0upx;
}
.btn-box-buy{
	display: flex;
	flex-direction:row;
	justify-content: flex-end;
}
.service-btn{
/* 	width: 73upx;
	height: 70upx; */
	/* line-height: 61upx; */
	border: none;
	padding: 0;
	font-size: 10px;
	background-color:transparent;
}
.service-btn:after{
	border: none;
}
.service-btn .shop-ico{
	width: 73upx;
	height: 61upx;
}
.menu .shop-cart{
	top: 3upx;
}
.menu .buy,.menu .share-earn-money{
	height: 90upx;
	width: 220upx;
	color: #ffffff;
	font-size: 14px;
	position: relative;
	text-align: center;
	line-height: 90upx;
}
.menu .buy{
	background-color: #859dc2;
}
.menu .share-earn-money{
	background-color: #e6e6e6;
	position: relative;
	color: #000;
}
.empty{
	width: 100%;
	height: 80upx;
}
/* 文章列表 */
.article-list{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	flex-wrap: wrap;
	padding: 20upx;
	background-color: #ffffff;
}
.article{
	width: 345upx;
	border-radius: 10upx;
	box-shadow: 2px 2px 3px 1px #e5e5e5;
	margin-bottom: 15upx;
	align-self: end;
	background-color: #ffffff;
}
.article-img{
	width: 345upx;
	height: 345upx;
	border-top-left-radius: 10upx;
	border-top-right-radius: 10upx;
}
.article .title{
	font-size: 14px;
}
.author{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	margin-top: 30upx;
}
.author-info{
	display: flex;
	flex-direction: row;
}
.author .ico{
	width: 50upx;
	height: 50upx;
}
.author .name{
	font-size: 14px;
	color: #666666;
	margin-left: 10upx;
	position: relative;
	top: 8upx;
}
.author .title{
	overflow:hidden;
	
	text-overflow:ellipsis;
	
	display:-webkit-box;
	
	-webkit-box-orient:vertical;
	
	-webkit-line-clamp:2; 
	font-size: 12px;
}
.article-list .share{
	height: 16px;
	display: flex;
	flex-direction: row;
	font-size: 9px;
	background-color: #b3a07a;
	color: #ffffff;
	padding: 0 15upx;
	border-radius: 25upx;
	line-height: 16px;
	position: relative;
	top: 8upx;
	right: 8upx;
}
.share-ico{
	width: 25upx;
	height: 25upx;
	margin-left: 5upx;
	position: relative;
	top: 2upx;
}

.article .info{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	font-size: 10px;
	color: #999999;
	border-top: 1px solid #eeeeee;
	padding: 15upx 10upx 0 10upx;
	margin-top: 10upx;
}
.good,.see,.discuss{
	display: flex;
	flex-direction: row;
	margin-bottom: 15upx;
}
.type-part1{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	border-bottom: 1px solid lightgray;
	padding-bottom: 30upx;
	color: #333333;
}
.type-part1 .img{
	width: 120upx;
	height: 120upx;
	border-radius: 20upx;
	margin-right: 30upx;
}
.type-part1 .close-btn{
	width: 35upx;
	height: 35upx;
}
.price-stock{
	position: relative;
	left: -180upx;
}
.price-stock .stock{
	font-size: 13px;
	color: #999999;
}
.type-part2{
	padding: 25upx 0 10upx 0;
	color: #333333;
	border-bottom: 1px solid lightgray;
}
.type-part2 .title{
	font-size: 15px;
	margin-bottom: 25upx;
}
.item .type-list{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	font-size: 12px;
	/* max-height: 600upx;
	overflow-y: auto; */
}
.item .type-list .spec{
	padding: 5upx 50upx;
	border: 1px solid #808080;
	color: #999999;
	border-radius: 10upx;
	margin-right: 15upx;
	margin-bottom: 20upx;
}
.item .type-list .active{
	color: #ffffff;
	background-color: #859dc2;
}
.item .type-list .active1{
	color: #ffffff;
	background-color: #859dc2;
}
.type-part3{
	padding: 25upx 0;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	border-bottom: 1px solid lightgray;
}
.type-part3 .title{
	font-size: 15px;
}
.item .amount{
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	line-height: 35upx;
}
.item .reduce,.item .plus{
	width: 70upx;
	height: 50upx;
	line-height: 50upx;
	/* border-radius: 20upx; */
	border: 1px solid #808080;
	text-align: center;
	color: #999999;
	font-size: 14px;
}
.item .num{
	width: 150upx;
	height: 50upx;
	text-align: center;
	font-size: 14px;
	color: #999999;
	border-top: 1px solid #808080;
	border-bottom: 1px solid #808080;
	line-height: 50upx;
}
.item .reduce{
	border-top-left-radius: 5upx;
	border-bottom-left-radius: 5upx;
}
.item .plus{
	border-top-right-radius: 5upx;
	border-bottom-right-radius: 5upx;
}
.popup-box{
	padding: 30upx;
	background-color: #ffffff;
	border-top-left-radius: 50upx;
	border-top-right-radius: 50upx;
}
.local-store-popup .confirm{
	color: #661f1f;
	/* background-color: #B3A07A; */
	border: 1px solid #661f1f;
	height: 60upx;
	line-height: 60upx;
	margin-top: 180upx;
	border-radius: 30upx;
	text-align: center;
	font-size: 14px;
}
.share-all-box{
	position: fixed;
	width: 100%;
	height:100%;
	background-color: rgba(0,0,0,.7);
	left: 0;
	top:0;
	z-index: 999;
}
.share-bg-box{
	position: relative;
	width: 80%;
	margin: 0 auto;
	margin-top: 20%;
	
}
.share-bg{
	width: 100%;
}
.qrcode-box{
	position: absolute;
	width: 80%;
	left: 10%;
	top:13%;
	text-align: center;
}
.qrcode{
	width: 280upx;
	height: 280upx;
}
.share-pop-tit{
	font-size: 14px;
	color: #FFFFFF;
}
.mrgin-r{
	margin-left: 20upx;
}
.share-text-box{
	margin-top: 80upx;
	margin-bottom: 20upx;
}
.share-text{
	color: #fff;
	font-size: 18px;
}
.red{
	color: #f12c20;
	margin: 0 10upx;
}
.card,.share-friend{
	width: 200upx;
	height: 72upx;
}
.card{
	margin-left: 40upx;
}
.shear-btn-box{
	display: flex;
	flex-direction: row;
	justify-content: center;
	margin-top: 40upx;
}
.smll-size{
	font-size: 14px;
	color: #FFFFFF;
}
.close-2{
	position: absolute;
	width: 40upx;
	height: 40upx;
	right: 0;
	top:0;
}
.sale{
	width: 132upx;
	height: 59upx;
}
.share-btn-1{
	width: 200upx;
	height: 72upx;
	background-color:transparent;
	padding: 0;
}
.share-btn-1:after{
	border: none;
}
.bgf{
	background-color: #FFFFFF;
	padding: 20upx 40upx;
	margin: 20upx 0;
}
.view-box{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.view-box .name{
	font-size: 14px;
}
.view-box .msg{
	font-size: 12px;
	color: #999999;
}
.center{text-align: center;}
.write-box{
	position: fixed;
	width: 140upx;
	height: 140upx;
	right: 20upx;
	top:630upx;
	z-index: 20;
	font-size: 0;
}
.write{
	width: 140upx;
	height: 140upx;
}
.scroll_box{
	height: 400upx;
}
	